﻿@charset "utf-8";
/* CSS Document */
/* css重置 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td, p { margin: 0; padding: 0 }
body { color: #444; background: #fff; word-break: break-all; word-wrap: break-word; }
body, input, textarea { font-size: 12px; font-family:Arial,Verdana,"\5b8b\4f53";}
input, button, select, textarea { outline: none }
li { list-style: none }
img { border: none }
textarea { resize: none }
table{border-collapse:collapse; border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:12px;}
ul,ol,dl,dt,dd{list-style-type:none}
a { color: #444; text-decoration: none; outline: none }
a:hover { color: #008842 }
i,s{ display:inline-block; vertical-align:middle;}
/*clearfix 清除浮动*/
.clearfix { *zoom:1; }
.clearfix:after, .wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix, .wrap { *+height:1%}
.clear {clear: both; }

/*公用*/
body{ background:#f7f8f8}
.w{ background:#f7f8f8}
.wrap{ width: 1200px; margin: 0 auto }
.main {}
.w1200{ width:1200px !important}
.block{ display:block !important;}
.none{ display:none;}
.fl{ float:left;}
.fr{ float:right;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.textleft{text-align:left;}

/*------顶部工具栏------*/
.site-nav{  z-index: 99; position:relative; width:auto; height:30px; background:#f7f9f8;}
.site-nav s{ position:absolute; top:13px; right:8px; width:8px; height:4px; margin-left:5px; /*background: url(../imgs/header/header-img.png) no-repeat 0 0;*/
transition:transform .2s ease-in 0s;
-webkit-transition:-webkit-transform .2s ease-in 0s;}
.site-nav .current s{transform:rotate(180deg);
-webkit-transform:rotate(180deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
background: url(../imgs/header-img.png) no-repeat -13px 0 \9;}

.site-nav .fl li{ float:left; line-height:30px; margin-right:10px;}
.site-nav .city { position:relative; color:#008842;}
.site-nav .city-sz { float:left; height:16px; line-height:16px; margin:7px 0; cursor: pointer; }
.site-nav .city-sz i{ width: 12px; height: 16px; margin-right:5px; background: url(../imgs/header-img.png) no-repeat left top;}
.site-nav .city-tit{ _overflow:hidden; _height:20px;  float:left;}
.site-nav .city-name{ z-index: 100; position: relative; display:block; float:left; height: 20px; line-height:20px; margin-top:5px; padding:0 20px 5px 5px; _height: 16px; _line-height:16px;_padding:2px 20px 5px 10px; color:#008842; cursor: pointer;}
.site-nav .city-name s{ top:9px;}
.site-nav .city-con { display:none; position: absolute; top: 28px; left: 0; width: 482px; border: 2px solid #007f4d; background: #fff; }
.site-nav .city-con .headline{ padding:0 15px; line-height:32px; color:#727272; background:#e0e0e0; }
.site-nav .city-con .headline a{float:right; color:#008842; font-family:simsun;}
.site-nav .city-con .citylist{float:left; width:210px; margin:15px 0; padding:0 15px;}
.site-nav .city-con dl{display:block; overflow:hidden; zoom:1; line-height:22px;}
.site-nav .city-con dt{font:bold 12px/22px arial,microsoft yahei; color:#008842; float:left; width:13px; margin-right:5px; text-align:center;}
.site-nav .city-con dd{overflow:hidden; zoom:1;}
.site-nav .city-con .border{ border-right:1px solid #e0e0e0}
.site-nav .city-con a{color:#727272; margin:0 5px; float:left; display:inline-block; white-space:nowrap;}
.site-nav .city-con .hot{color:#008842; font-weight:bold;}
.site-nav .city-con a:hover{text-decoration:none; color:#008842;}
.site-nav .current .city-name{ background:#008842; color:#fff;}
.site-nav .current .city-con{ display:block;}
.site-nav .current .city-name s{background: url(../imgs/header-img.png) no-repeat -25px 0;}

.site-nav .fr li{ position:relative; float:right; line-height:30px; padding:0 10px; text-align:center;}
.site-nav .fr i{ width:18px; height:18px; margin-right:5px; background: url(../imgs/header-img.png) no-repeat left top;}
.site-nav .fr .tit{ _float:left;_overflow:hidden; _height: 30px;}
.site-nav .fr .tit a{ display:block; float:left; height: 30px;line-height:30px; padding:0 20px 0 10px; _height: 16px; _line-height:16px; _padding:7px 20px 7px 10px; cursor: pointer; z-index: 100; border: solid #f7f9f8; border-width: 0 1px;position: relative;}
.site-nav .fr .con{ display:none; position:absolute; top:30px; left:0; border: 1px solid #b4c1a3; background:#fff;}
.site-nav .fr .current .con{ display:block;}
.site-nav .fr .current .tit a{ border-color:#b4c1a3; background:#fff; padding-bottom:1px; padding-bottom:1px; _padding:6px 20px 7px 10px; }
.site-nav .fr .myyiguo,.site-nav .fr .mobile{ padding:0;}

.site-nav .myyiguo .tit i{ background-position: -40px 0;}
.site-nav .myyiguo .con{width:100px; padding:5px 12px; text-align:left;}
.site-nav .myyiguo .con a{ display:block; line-height:25px; color:#727272;}
.site-nav .myyiguo .con b{ margin-left:10px;padding: 0 5px;color: #fff;background: #008842;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;}
.site-nav .myyiguo .con a:hover{ color: #008842;}

.site-nav .mobile .tit i{ background-position: -64px 0;}
.site-nav .mobile .con{ width:125px; padding:10px; line-height:25px;}
.site-nav .mobile .item{ margin:5px 0;}
.site-nav .mobile .item img{ display:block;}

.site-nav .business i{ background-position: -86px 0;}
.site-nav .business{ _height: 16px !important;_padding:7px 5px !important; }
.site-nav .pay i{ width:22px; background-position: -147px 0;}
.site-nav .pay{ _height: 16px !important;_padding:7px 5px !important; }
.site-nav .TEL i{ background-position: -86px 0;}
.site-nav .TEL, .site-nav .language { _height: 16px !important;_padding:7px 5px !important; }

/*------页头------*/
.header{ background:#e0e0e0;}
.header .wrap{ height:78px; padding:15px 0 5px 0;}
.logo{ float:left;}
.logo a{ display:block; width:145px; height:70px; background:url(../imgs/logo.png) no-repeat left top;background-size: 145px 70px;}

/*搜索框*/
.search{float:left; width:528px; margin-left:100px;}
.search .search-input{float:left;width:425px; height:26px; line-height:26px; padding:0 10px; border:1px solid #008842; background:#e0e0e0 }
.search .search-input:focus{ background:#fff;}
.search .search-btn{float:left; display:block; width:81px; height:28px; line-height:28px; padding:0; border:none; cursor:pointer; color:#fff; font-size:14px; background:#008842;}
.search .search-keywords{line-height:30px;}
.search .search-keywords a{margin-right:5px; color:#727272; display:inline-block;}
.search .search-keywords a.hot{ color:#008842}

/*购物车*/
.shopping-cart{ z-index:88; float:right; position:relative;}
.shopping-btn{ width:170px; height:28px; padding:6px 0; line-height:28px; text-align:center; font-size:25px; border:1px solid #008842; background:#fff; cursor:pointer;}
.shopping-btn a{ display:block; color:#008842;}
.shopping-btn .totleNum{display:inline-block; vertical-align:middle; width:28px; height:20px; margin-right:10px; font-size:12px; padding:0; background:url(../imgs/header-img.png) no-repeat -112px 0;}
.shopping-btn .totleNum b{ display: block; width: 24px; line-height:12px; margin-right:4px; text-align: center; }
.shopping-btn .totlePrice{ font-weight:normal; font-family: Arial, "Microsoft YaHei"; }
.shopping-list{ z-index:88; display:none; position:absolute; top:41px; right:0; width:380px; padding:10px; background:#fff; border:1px solid #007f4d;}
.shopping-list p{width:380px; height:28px; line-height:28px; color:#008842; margin:-10px 0 0 -10px; padding:0 10px; background:#ededed;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;  }
.shopping-list ul{display: block;position: relative; overflow-x: hidden; overflow-y: auto; width:380px; max-height:264px; _height:275px; margin:10px 0 0 0;padding: 0px;}
.shopping-list li{ position:relative; overflow:hidden; zoom:1; background:#fff; height:45px; padding:0 0 15px 0; line-height:20px;  }
.shopping-list li .l{float:left; margin-right:5px; width:45px; height:45px;}
.shopping-list li .c{float:left; width:222px;}
.shopping-list li .c a{display:block; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.shopping-list li .c a:hover{display:block; color:#008842}
.shopping-list li .c b{ display:block; font-weight:normal; color:#888;}
.shopping-list li .r{float:left; text-align:right; width:90px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis; }
.shopping-list li .r b{ color:#e7380d; font-weight:bold;}
.shopping-list li .r a{ display:block; color:#888;}
.shopping-list li .r a:hover{ color:#008842;}
.shopping-list .price-total{ font-size:12px;line-height:27px; margin-top:5px; padding-top:10px; text-align:right; border-top:1px solid #dcdcdc;}
.shopping-list .price-total b{color:#e7380d; font-size:16px; margin:0 5px}
.shopping-list .price-total span{ margin-left:15px;}
.shopping-list .settleup{display:inline-block; width:75px; height:27px; font-size:12px; text-align:center; color:#fff; background:#008842;;}
.shopping-list .nogoods{ width:380px; height:120px; line-height:120px; text-align:center; background:url(../imgs/none-bg-w190.jpg) no-repeat center #fff;}
.shopping-cart-cur .cart_txt{ background-position: 0 -63px; }
.shopping-cart-cur .shopping-list{ display:block;}

/*------导航条------*/
.header-nav{ z-index:77; position:relative;}
/*商品分类*/
.catalogs{float:left; position:relative;}
.catalogs-title{ width:180px; height:38px; position:relative; text-align:center; background:#008842;}
.catalogs-title a{ overflow:hidden; font: bold 15px/16px Microsoft Yahei; color:#fff; display:block; height:16px; padding:11px 0; _padding:11px 0;}
.catalogs-list{ display:none; position:absolute;background:rgba(255, 255, 255, 0.9) }
.catalogs-list .item{}

#t11_channelhome h2 a{ color:#26375d;}
#t11_channelhome h2 i{background-position:-240px 0;}
.catalogs-list .t11_channelhome a i{ background-position: -240px 0;}
.floor-guide .icon_11_channelhome{ background-position: -420px 0; }

#t10_channelhome  h2 a{ color:#3ca3dc;}
#t10_channelhome h2 i { background-position: -531px 0; width: 41px; }
.catalogs-list .t10_channelhome a i{ background-position: -168px 0;}
.floor-guide .icon_10_channelhome{ background-position: -280px 0; }

#t09_channelhome   h2 a{ color:#940606;}
#t09_channelhome   h2 i{background-position:-414px 0;}
.catalogs-list .t09_channelhome a i{ background-position: -216px 0;}
.floor-guide .icon_09_channelhome{ background-position: -360px 0; }

#t08_channelhome   h2 a{ color:#764e00;}
#t08_channelhome   h2 i{background-position:-230px 0;}
.catalogs-list .t08_channelhome a i{ background-position: -120px 0;}
.floor-guide .icon_08_channelhome{ background-position: -200px 0; }

#t07_channelhome   h2 a{ color:#b84f00;}
#t07_channelhome   h2 i{background-position:-368px 0;}
.catalogs-list .t07_channelhome a i{ background-position: -192px 0;}
.floor-guide .icon_07_channelhome{ background-position: -320px 0; }

#t06_channelhome   h2 a{ color:#e08683;}
#t06_channelhome   h2 i{background-position:-138px 0;}
.catalogs-list .t06_channelhome a i{ background-position: -72px 0;}
.floor-guide .icon_06_channelhome{ background-position: -120px 0; }

#t05_channelhome   h2 a{ color:#f0c000;}
#t05_channelhome   h2 i{background-position:-92px 0;}
.catalogs-list .t05_channelhome a i{ background-position: -48px 0;}
.floor-guide .icon_05_channelhome{ background-position: -80px 0; }

#t04_channelhome   h2 a{ color:#45c6ce;}
#t04_channelhome  h2 i{background-position:-184px 0;}
.catalogs-list .t04_channelhome a i{ background-position: -96px 0;}
.floor-guide .icon_04_channelhome{ background-position: -160px 0; }

#t03_channelhome   h2 a{ color:#bcc257;}
#t03_channelhome  h2 i{background-position:-276px 0;}
.catalogs-list .t03_channelhome a i{ background-position: -144px 0;}
.floor-guide .icon_03_channelhome{ background-position: -240px 0; }

#t02_channelhome  h2 a{ color:#007f4d;}
#t02_channelhome  h2 i{background-position:-46px 0;}
.catalogs-list .t02_channelhome a i{ background-position: -24px 0;}
.floor-guide .icon_02_channelhome{ background-position: -40px 0; }

#t01_channelhome   h2 a{ color:#fc5f3c;}
#t01_channelhome   h2 i{background-position:0px 0;}
.catalogs-list .t01_channelhome a i{ background-position: 0 0;}
.floor-guide .icon_01_channelhome{ background-position: 0 0; }


.catalogs-list h3 a{ overflow:hidden; position:relative; display:block; width:165px; height:24px; padding:9px 0 9px 15px; font:normal 14px/24px microsoft yahei; background:#fff \9;}
.catalogs-list h3 i{ overflow:hidden; width:24px; height:24px; margin-right:15px; background:url(../imgs/nav-icon.png) no-repeat 0px 0px;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;}
.catalogs-list .t1 a i{ background-position: 0 0}
.catalogs-list .t2 a i{ background-position: -24px 0}
.catalogs-list .t3 a i{ background-position: -48px 0}
.catalogs-list .t4 a i{ background-position: -72px 0}
.catalogs-list .t5 a i{ background-position: -96px 0}
.catalogs-list .t6 a i{ background-position: -120px 0}
.catalogs-list .t7 a i{ background-position: -144px 0}
.catalogs-list .t8 a i{ background-position: -168px 0}
.catalogs-list .t9 a i{ background-position: -192px 0}
.catalogs-list .t10 a i{ background-position: -216px 0}
.catalogs-list .t11 a i{ background-position: -240px 0}
.catalogs-list h3 s{ display:none; position:absolute; top:7px; right:18px; font-family:Arial; text-decoration:none;}
.catalogs-list .sub-item{ z-index:3; display:none; position:absolute; top:-38px; left:180px; width:215px; height:464px; padding:17px 20px; border:1px solid #bbb; background: rgba(255, 255, 255, 0.9); background:#fff \9; }
.catalogs-list h4{ margin-bottom:10px; color:#20985a; font:normal 18px microsoft yahei; text-decoration:underline;}
.catalogs-list .sub-list{}
.catalogs-list .sub-list a{ display:inline-block; line-height:25px; margin-right:30px; color:#686868;}
.catalogs-list .sub-list a:hover{ color:#008842;}
.catalogs-list .sub-list .hot{ color:#319ec3}
/*商品分类 广告位*/
.catalogs-list .catalogs-ad {position:absolute; bottom:10px;}
.catalogs-list .current h3 a{ z-index:78; padding:8px 0 8px 15px; background: rgba(255, 255, 255, 0.95); background:#fff \9; border:1px solid #bbb; border-right:0px;}
.catalogs-list .current h3 i{ margin-left:10px;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;}
.catalogs-list .current h3 s{ display:block;}
.nav-items{ overflow:hidden; float:left; width:1020px; height:37px; line-height:37px; }
.nav-items ul li{ float:left; width:115px; text-align:center; font-size:15px; font-weight:bold;}
.nav-items .highlight{ color: #008842; }

/*------页尾------*/
.footer_service{ background:#e0e0e0; margin-top:50px; padding:30px 0;}
.footer_service li{ float:left; width:190px; height:42px; margin-left:55px; _margin-left:44px; padding-left:55px; background:url(../imgs/footer_service_icon.png) no-repeat left top;}
/*.footer_service .s1{ background-position:0 0;}
.footer_service .s2{ background-position:0 -42px;}
.footer_service .s3{ background-position:0 -84px;}
.footer_service .s4{ background-position:0 -126px;}*/
.footer_service li b{ display:block; padding-left:15px; color:#007f4d; font: normal 18px/25px "Microsoft YaHei"; border-left:1px solid #a6a6a6;}
.footer_service li span{ display:block; padding-left:15px; border-left:1px solid #a6a6a6}

.footer{ padding-bottom:20px;}
.footer .wrap{ margin: auto 0;}
.footer dl{width:190px; float:left; margin-left:50px; display:inline;}
.footer dl dt{ height:23px; line-height:23px; background:url(../imgs/footer_icon.png) no-repeat; font-size:14px; text-indent:40px;}
/*.footer .col1 dt{background-position:0 0;}
.footer .col2 dt{background-position:0 -23px;}
.footer .col3 dt{background-position:0 -46px;}
.footer .col4 dt{background-position:0 -69px;}
.footer .col5 dt{background-position:0 -92px;}*/
.footer dl dd{border-left:1px dashed #A8A8A8; padding-left:20px; height:110px; min-height:110px; margin:15px 0 0 13px;}
.footer dl dd a{color:#575556; line-height:22px;}
.footer dl dd a:hover{text-decoration:underline; color:#008842;}
.footer .service{clear:both; text-align:center; padding:60px 0 20px; color:#008842; font-size:14px;}
.footer .service span{ display:inline-block; padding:0 10px;}
.footer .copyright{clear:both; color:#717171; text-align:center; line-height:22px; }
.footer .copyright a{color:#717171;}
.footer .copyright a:hover{color:#008842;}
.footer .authentication a{ display:inline-block; position: relative; margin:0 10px; zoom: 1; vertical-align:middle;}
/*------侧边悬浮导航------*/
.sidebar { display:block; z-index: 100;/* position:absolute;跟随定位*/ position:fixed; bottom: 20px; right: 47%; margin-right: -625px; /*IE屏幕定位*/ _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop)); _margin-top: 630px; /*IE屏幕定位END*/ width:56px; }
.w1280 .sidebar{ position: fixed; right:7px; margin-right:0;}
.sidebar .s-btn { overflow: hidden; display: block; width:50px; height: 42px; margin-bottom:10px; background:url(../imgs/sidebar.png) no-repeat left top }
.sidebar .goTop{ display:none; _display:nblock; background-position:0 0}
.sidebar .service{ background-position:0 -46px;}
.sidebar .goTop:hover{/* background-position:-56px 0*/}
.sidebar .service:hover{ background-position:-56px -46px}

/*------弹出框------*/
/*基础样式*/
.popout{ display:none;position:fixed; z-index:200000; left:0; top:0;}
.popout-wrap{z-index:101; position:fixed; left:50%; top:50%; width:418px; height:197px; margin-left:-210px; margin-top:-98px; background:#fff; _position: absolute;_margin-bottom: expression(this.offsetHeight/2);_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_border:1px solid #6ab930;}
.popout-bg{position: fixed; top: 0;left: 0;z-index: 10;width: 100%;height: 100%; background: #000; border: 0;filter: alpha(opacity = 20);opacity: .20;_background:none;}
.popout-con{ width:418px; height:197px; border:1px solid #6ab930;  }
.popout-con .title{ position:relative; height:16px; padding:7px 0; font-size:14px; text-align:center; color:#fff; background:#88c759;}
.popout-con .title i{ width:13px; height:16px; margin-right:10px; background:url(../imgs/promotion-img.png) no-repeat -62px -39px;}
.popout-con .con{ padding:25px 30px; line-height:22px; font-size:12px;}
.popout-con h1{ font-size:14px; color:#397a2a; font-weight:normal;}
.popout-con p{ color:#3f3f3f}
.popout-con u{ color:#0071d1; margin-right:5px;}
.popout-con .btnbox{ text-align:center; margin-top:20px;}
.popout-con .btnbox a{ display:inline-block; width:90px; height:30px; margin:0 20px; line-height:30px; text-align:center;border:1px solid #6ab930;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:3px}
.popout-con .btnbox a.confirm{ color:#fff; background:#6ab930 }
.popout-con .btnbox a.cancel{ color:#397a2a; background:#fff }
.soldOut-poput{ margin-left:-210px; }



/*---------modify by hj----------*/

/* loading */
.loading{ width:100%; text-align:center; padding:30px 0;}
.loading i{ width:43px; height:43px; background:url(../imgs/themes/loading.gif) no-repeat;}
.loading span{ padding-left:10px; font-size:14px;}



.catalogs-list .tefruit a i{ background-position: 0 0}
.catalogs-list .tvegetablesdalei a i{ background-position: -24px 0}
.catalogs-list .t002 a i{ background-position: -48px 0}
.catalogs-list .tmeat a i{ background-position: -72px 0}
.catalogs-list .tseafood a i{ background-position: -96px 0}
.catalogs-list .tkincake a i{ background-position: -120px 0}
.catalogs-list .tvegetablesdalei a i{ background-position: -144px 0}
.catalogs-list .t8 a i{ background-position: -168px 0}
.catalogs-list .t9 a i{ background-position: -192px 0}
.catalogs-list .triceoilcondiment a i{ background-position: -216px 0}
.catalogs-list .tPresent a i{ background-position: -240px 0}



/*------弹出框------*/
/*基础样式*/
.popout{ display:none;position:fixed; z-index:200; left:0; top:0;}
.popout-wrap{z-index:101; position:fixed; left:50%; top:50%; width:418px; height:197px; margin-left:-210px; margin-top:-98px; background:#fff; _position: absolute;_margin-bottom: expression(this.offsetHeight/2);_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_border:1px solid #008842;}
.popout-bg{position: fixed; top: 0;left: 0;z-index: 10;width: 100%;height: 100%; background: #000; border: 0;filter: alpha(opacity = 20);opacity: .20;_background:none;}
.popout-con{ width:418px; height:197px; border:1px solid #008842;  }
.popout-con .title{ position:relative; height:16px; padding:7px 0; font-size:14px; text-align:center; color:#fff; background:#008842;}
.popout-con .title i{ width:13px; height:16px; margin-right:10px; background:url(../imgs/promotion-img.png) no-repeat -62px -39px;}
.popout-con .con{ padding:25px 30px; line-height:22px; font-size:12px;}
.popout-con h1{ font-size:14px; color:#008842; font-weight:normal;}
.popout-con p{ color:#3f3f3f}
.popout-con u{ color:#0071d1; margin-right:5px;}
.popout-con .btnbox{ text-align:center; margin-top:20px;}
.popout-con .btnbox a{ display:inline-block; width:90px; height:30px; margin:0 20px; line-height:30px; text-align:center;border:1px solid #6ab930;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius:3px}
.popout-con .btnbox a.confirm{ color:#fff; background:#008842 }
.popout-con .btnbox a.cancel{ color:#008842; background:#fff }
.soldOut-poput{ margin-left:-210px; }